#main{
	.main_nav{
		min-height:34px;
		ul{
			/*width:100%;*/
			height:100%;
			li{
				padding:0;
				float:left;
				height:34px;
				font:14px/34px ' ';
				a{
					display:block;
					color:#333;
					width:100%;
					height:100%;
					padding:0 13px;
				}
			}
			li.active{
				a{
					background:#bc0a2f;
					color:#fff;
					margin-top:-5px;
					height:39px;
					line-height:39px;
				}
			}
			li:hover{
				a{
					color:#333;
					margin-top:-5px;
					height:39px;
					line-height:39px;
				}
			}
		}
		div{
			overflow:hidden;
			.input_box{
				width:213px;
				height:27px;
				border:1px solid #ccc;
				border-radius:5px;
				float:right;
				margin-top:7px;
				input{
				    float:left;
				    width:180px;
				    height:27px;
				    font:14px/25px ' ';
				    text-indent:1em;
				     outline: none;
				}
				i.iconfont{
					display:block;
					width:27px;
					height:27px;
					background:#bc0a2f;
					float:right;
					text-align:center;
					font:14px/27px ' ';
					color:#fff;
				}
			}
		}
		
	}
	.main_top{
		min-height:380px;
		border-bottom:10px;
		.main_title{
			height:60px;
			border-bottom:1px solid #ccc;
			overflow:hidden;
			position:relative;
			b{
				float:left;
				font:800 18px/60px ' ';
				span{
					font:500 16px/70px ' ';
					margin:0 5px;
				}
			}
			a{
				float:right;
				font:16px/70px ' ';
				color:#999;
			}
			i.square{
				display:block;
				margin:24px 7px 0;
				width:6px;
				height:22px;
				background:#bc0a2f;
				float:left;
			}
			i.square2{
				display:block;
				width:120px;
				height:2px;
				background:#bc0a2f;
				position:absolute;
				bottom:0;
				left:0;
			}
		}
		.img_news{
			.content{
				margin-bottom:20px;
				min-height: 310px;
				padding-top: 28px;
				padding-bottom: 10px;
				border-right:1px solid #f8f8f8;
				border-bottom:1px solid #f8f8f8;
				div.left{
					padding:0;
					img{
						width:100%;
						height:100%;
					}
				}
				div.right{
					.right_title{
						a{
							display:block;
							color:#222;
						}
						a:hover{
							color:#bc0a2f;
						}
						font:16px/24px ' ';
						color:#222;
						width:100%;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
					.right_content{
						margin-top:6px;
						width:100%;
						color:#999;
						font:14px/20px ' ';
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 4;
						overflow: hidden;
					}
					.right_btn{
						width:98px;
						height:25px;
						background:#284bca;
						color:#fff;
						font:14px/25px ' ';
						text-align:center;
						display:block;
						margin-top:10px;
					}
				}
				ul.bottom{
					margin-top:20px;
					padding:0;
					li{
						height:24px;
						a{
							display:block;
							height:100%;
							width:100%;
							color:#666;
							border-bottom:1px dashed #ccc;
							font:14px/24px ' ';
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
						}
						a:hover{
							color:#bc0a2f;
						}
					}
				}
			}
			@media(max-width:)
		}
		.news_nav{
			.title{
				height:60px;
				border-bottom:1px solid #ccc;
				overflow:hidden;
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				cursor: pointer;
				div.left,
				div.right{
					-webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    span{
				    	display:block;
				    	padding:0 5px;
				    	width:100px;
				    	text-align:center;
				    	height:60px; 
				    	font:16px/60px ' ';
				    	margin:0 auto;
				    }
				}
				div.active{
					span{
						color:#bc0a2f;
						border-bottom:4px solid #bc0a2f;
					}
				}
				div.center{
					width:2px;
					height:60px;
					i{
						height:30px;
						width:2px;
						background:#aaa;
						display:block;
						margin-top:20px;
					}
				}
			}
			.news_nav_box{
				width:100%;
				display:block;
				min-height:292px;
				a{
					display:block;
					width:100%;
					height:45px;
					margin-top:10px;
					background:#f1f2f8;
					text-align:center;
					font:16px/45px ' ';
					cursor:pointer;
					span{
						color:#333;
					}
					i{
						color:#666;
					}
				}
				a:hover{
					background:#eae3e6;
				}
			}
			.data_download_box{
				border:1px solid #f8f8f8;
				padding:5px 10px;
				min-height:310px;
				border-top:none;
				display:none;
				a{
					display:block;
					font:14px/24px ' ';
					height:24px;
					border-bottom:1px solid #f8f8f8;
					margin-top:5px;
					width:100%;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					color:#666;
				}
				a:hover{
					color:#bc0a2f;
				}
				a.more{
					text-align:right;
					line-height:20px;
					border:none;
					span{
						display:block;
						float:right;
						height:24px;
					}
					i{
						display:block;
						float:right;
						height:24px;
						line-height:24px;
					}
				}
			}
			.data_download_box:hover{
				box-shadow: 3px 3px 3px #f8f8f8;
			}
		}
	}
	.main_center{
		margin-top:36px;
		min-height:343px;
		.main_center_box{
			min-height:343px;
			.title_top{
				height:36px;
				background:#c84742;
				color:#fff;
				margin-bottom:17px;
				i.white{
					display:block;
					float:left;
					width:8px;
					height:100%;
					background:#fff;
					margin-left:6px;
					margin-right:16px;
				}
				span.left{
					float:left;
					display:block;
					height:36px;
					font:16px/36px ' ';
				}
				span.right{
					float:right;
					display:block;
					height:36px;
					font:14px/36px ' ';
					margin-right:4px;
				}
			}
			.content{
				border-top:1px solid #ccc;
				position:relative;
				padding-top:20px;
				i.square{
					width:126px;
					height:2px;
					position:absolute;
					top:-1px;left:0;
					background:#c84742;
				}
				.top{
					height:111px;
					img{
						width:100%;
						height:100%;
					}
				}
				.bottom{
					.title{
						margin-top:8px;
						font:16px/24px ' ';
						color:#222;
						margin-bottom:8px;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						a{
							color:#222;
						}
						a:hover{
							color:#bc0a2f;
						}
					}
					ul{
						li{
							width:100%;
							font:14px/24px ' ';
							color:#222;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
							i.iconfont{
								margin-right:5px;
								width:12px;
							}
							a{
								color:#222;
							}
							a:hover{
								color:#bc0a2f;
							}
						}
					}
				}
			}
		}
		.work{
			.title_top{
				height:36px;
				background:#c84742;
				color:#fff;
				cursor: pointer;
				span{
					width:50%;
					display:block;
					float:left;
					text-align:center;
					color:#fff;
					font:16px/36px ' ';
				}
				span.active{
					background:#8b2824;
				}
			}
			.content{
				ul{
					margin:20px 5px 17px 5px;
				}	
				li{
					width:100%;
					font:14px/28px ' ';
					color:#222;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
					a{
						color:#222;
					}
					a:hover{
						color:#bc0a2f;
					}
				}
				div.img_box{
					height:110px;
					img{
						width:100%;
						height:100%;
					}
				}
			}
			.work_list2{
				display: none;
			}
		}
	}
	.main_bottom{
		min-height:95px;
		background:#ededed;
		padding-top:14px;
		.left{
			.swiper-container{
				height:70px;
			}
			li{
				height:57px;
				padding-top:10px;
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				div.left{
					width:48px;
					height:48px;
					/*float:left;*/
					background:#f7f7f7;
					border:1px solid #ccc;
					margin-right:8px;
					span{
						display:block;
						height:24px;
						overflow:hidden;
						text-align:center;
						font:10px/24px ' ';
					}
					span:nth-of-type(1){
						background:#bc0a2f;
						color:#fff;
					}
				}
				div.right{
				    -webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    -webkit-flex: 1;
				    -ms-flex: 1;    
				    flex: 1;
				    a{
				    	color:#222;
				    }
				    a:hover{
						color:#bc0a2f;
					}
				    font:12px/18px ' ';
				    /*paddding-top:8px;*/
				    display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					padding:10px 0 ;
				}
			}
		}
		.right{
			div.right_link{
				margin-top:15px;
				cursor: pointer;
				div.link{
					margin:0 auto;
					width:205px;
					height:34px;
					border:1px soild #08348b;
					color:#08348b;
					display: box;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					position:relative;
					background:#fff;
					span{
						display:block;
						-webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    text-align: left;
					    font:16px/34px ' ';
					    padding-left:10px;
					}
					i.iconfont{
						display:block;
						width:34px;
						height:34px;
						text-align: center;
					    font:16px/34px ' ';

					}
					ul{
						position:absolute;
						top:34px;left:0;
						background:#fff;
						border:1px solid #ccc;
						width:100%;
						box-sizing: border-box;
						padding:5px 10px;
						margin-top:5px;
						z-index: 99;
						display:none;
						li{
							height:34px;
							font:16px/34px ' ';
							border-bottom:1px solid #ccc;
							a{
								color:#333;
							}
						}
						li:nth-last-of-type(1){
							border:none;
						}	
						li:hover{
							a{
								color:#bc0a2f;
							}
						}			
					}
				}
			
			}
		}
	}
}
@media (max-width:769px){
	#main .main_top .img_news .content{
		border:none;
	}
	#main .main_nav ul{
		padding-bottom:10px;
		border-bottom:1px solid #f8f8f8;
	}
	#main .main_nav div{
		padding-bottom:10px;
	}
}